<div class="">
    <div class="white-bg padding-left padding-right padding-top border-radius-top">
        <div class="flex justify-between">
            <div class="text-title">
                订单详情
            </div>
            <div>

            </div>
        </div>
        <!-- 业主信息 -->
        <div class="margin-top">
            <div class="row">
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">订单编码：</label>
                        <label class="">{{aOrderDetailInfo.orderId}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">总金额:</label>
                        <label class="">{{aOrderDetailInfo.payPrice}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">下单时间:</label>
                        <label class="">{{aOrderDetailInfo.createTime}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">用户:</label>
                        <label class="">{{aOrderDetailInfo.personName}}</label>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">是否分账:</label>
                        <label class="">{{aOrderDetailInfo.profitSharing == 'N'?'否':'是'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">平台:</label>
                        <label class="">{{aOrderDetailInfo.appName}}</label>
                    </div>
                </div>
            </div>

        </div>
        <div class="vc-line-primary margin-top"></div>
        <div class="margin-top-sm">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:aOrderDetailInfo._currentTab == 'aOrderDetailCarts'}"
                        v-on:click="changeTab('aOrderDetailCarts')">
                        <vc:i18n name="商品" namespace="aOrderDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:aOrderDetailInfo._currentTab == 'aOrderDetailFee'}"
                        v-on:click="changeTab('aOrderDetailFee')">
                        <vc:i18n name="费用" namespace="aOrderDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:aOrderDetailInfo._currentTab == 'aOrderDetailLedgers'}"
                        v-on:click="changeTab('aOrderDetailLedgers')">
                        <vc:i18n name="分账" namespace="aOrderDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:aOrderDetailInfo._currentTab == 'aOrderDetailAddress'}"
                        v-on:click="changeTab('aOrderDetailAddress')">
                        <vc:i18n name="收货人" namespace="aOrderDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:aOrderDetailInfo._currentTab == 'aOrderDetailEvent'}"
                        v-on:click="changeTab('aOrderDetailEvent')">
                        <vc:i18n name="操作信息" namespace="aOrderDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:aOrderDetailInfo._currentTab == 'aOrderDetailDiscounts'}"
                        v-on:click="changeTab('aOrderDetailDiscounts')">
                        <vc:i18n name="订单优惠" namespace="aOrderDetail"></vc:i18n>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="white-bg padding-left padding-right padding-top border-radius-bottom">
        <div v-if="aOrderDetailInfo._currentTab == 'aOrderDetailCarts'">
            <vc:create path="order/aOrderDetailCarts"></vc:create>
        </div>
        <div v-if="aOrderDetailInfo._currentTab == 'aOrderDetailFee'">
            <vc:create path="order/aOrderDetailFee"></vc:create>
        </div>
        <div v-if="aOrderDetailInfo._currentTab == 'aOrderDetailLedgers'">
            <vc:create path="order/aOrderDetailLedgers"></vc:create>
        </div>
        <div v-if="aOrderDetailInfo._currentTab == 'aOrderDetailAddress'">
            <vc:create path="order/aOrderDetailAddress"></vc:create>
        </div>
        <div v-if="aOrderDetailInfo._currentTab == 'aOrderDetailEvent'">
            <vc:create path="order/aOrderDetailEvent"></vc:create>
        </div>
        <div v-if="aOrderDetailInfo._currentTab == 'aOrderDetailDiscounts'">
            <vc:create path="order/aOrderDetailDiscounts"></vc:create>
        </div>
        
    </div>

</div>